// NProgress配置
// 引入插件及其样式文件
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// 引入异步请求插件
import axios from 'axios'

// 具体配置
NProgress.configure({
  easing: 'ease', // 动画方式，和css动画属性一样（默认：ease）
  speed: 200, // 递增进度条的速度，单位ms（默认： 200）
  showSpinner: false, // 是否显示加载icon
  trickle: true, // 是否自动递增
  trickleSpeed: 200, // 自动递增间隔
  minimum: 0.3 // 初始化时的最小百分比，0-1（默认：0.08）
  // parent: '#main-view' // 指定此选项以更改父容器（默认：body）
})

// NProgress 应用到异步请求上
axios.interceptors.request.use(config => {
  // 每次请求开始开启进度
  NProgress.start()
  return config
})
// 
axios.interceptors.response.use(config => {
  // 每次响应后关闭进度
  NProgress.done()
  return config
})

export default NProgress
